<template>
  <div class="tab-control">
      <van-tabs class="van_tabs" color="#ffc400">
        <van-tab v-for="(item,index) in centent_nav_list" :key="index" :title="item.tab">
            <tab-list :store-data="item.data"/>
        </van-tab>
     </van-tabs>
  </div>
</template>

<script>
import { inject, toRefs } from '@vue/runtime-core'
import TabList from './TabList.vue'
export default {
  name:'TabControl',
  components:{
      TabList
  },
  setup(){
      let data = inject('data');
      return {
          ...toRefs(data)
          }
  }
}
</script>

<style lang="less" scoped>
/deep/ .van-tabs__wrap{
   border-radius: 10px;
}
 .van_tabs{
     padding: 0 20px 10px;
 }
</style>